let grid_v=new Vue({
    el:".grid",
    data:{
        p_arr:[]
    },
    created:function () {
        // 声明查询所有的请求地址
        let url="/product/select";
        if(location.search.indexOf("wd")!=-1){ //    得到地址栏中的参数 判断是否包含wd
            console.log("点击的是搜索");
            //从地址栏中取出d的值  ?wd=西游记
            let wd=location.search.split("=")[1];
            console.log("wd="+wd);
            url="/product/selectbywd?wd="+wd;
        }else if(location.search.indexOf("cid")!=-1){ //    得到地址栏中的参数 判断是否包含cid
            console.log("点击的是分类");
            //从地址栏中取出cid的值  ?cid=1
            let cid=location.search.split("=")[1];
            url="/product/selectbycid?cid="+cid;
        }
    //    发出请求获取作品信息
        axios.get(url).then(function (response) {
            grid_v.p_arr=response.data;
        })


    },
    updated:function () {/*当vue对象中共的变量发生改变后执行的方法*/
    //瀑布流初始化相关操作
        $(".grid").imagesLoaded().progress(function () {
            $(".grid").masonry({
                itemSelector:".grid-item",
                columnWidth:210
            })
        //    图片加载完后给图片添加鼠标移入移出事件
            $(".grid-item").hover(function () {/*鼠标移入*/
                // $(this)
                $(this).children("div").stop().fadeIn(500);

            },function () {/*鼠标移出*/
                $(this).children("div").stop().fadeOut(500);
            })
        });
    }
})